<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>深拷贝和浅拷贝</title>
</head>
<body>
    <script>
        //浅拷贝
        // var obj ={
        //     age: 18,
        //     name: '张三' 
        // }
        // var obj1 = obj
        // obj1.name = '李四'
        //输出结果obj中的张三被修改为李四
        //结论：obj1赋值给obj时内部数据同时指向张三，而后obj1修改数据后原本obj中的数据也随之修改

        //深拷贝
        var obj = {
            age:18,
            name:'张三'
        }
        var obj1 ={}
        for(var i in obj) {
            obj1[i] = obj[i]
        }
        /* 深拷贝中在控制台验证时，输出obj为张三，obj1也为张三；控制台修改obj1 name为李四时，obj1数据没有
        改变，obj1 name数据变为李四，说明此时的obj和obj1的数据和数据地址是不一样的 */
    </script>
</body>
</html>